[#ftl]
[@define "agile.dijit.Toolbar" "agile._Component,agile._Container,agile._Resizable,agile._ContainerToolbar"]
category:"Toolbar Component"
,widgetName:"Toolbar"
,hasSelector:false
[#assign templateString][#compress]
	<div class='agileComponent agileToolbar'>
		<div class='dijitToolbar' style="width:100%;height:100%" data-dojo-attach-point="containerNode"></div>				
	</div>
[/#compress][/#assign]
,templateString:"${templateString?js_string}"	
,acceptedWidets:["agile.dijit.ToolbarItem"]
,sortAxis:"x"
,resizeAxis:"x"	
,autoAdjustChildren:true
,styleConstraints:agile.delegate(agile._Component.prototype.styleConstraints,{
//			"height":{_ignore:true}
})		
,attributes:agile.delegate(agile._Component.prototype.attributes,{
//			"style.height":{_ignore:true}		    				
})
,initDefaultMetadata:function(){
	this.metadata("dojoDeclaredClass",lang.replace("dijit.{widgetName}",{widgetName:this.widgetName}));
	this.metadata("style.width","300px");
	this.metadata("style.height","25px");
}
,constructor: function(){		
	agile.requireX("dijit/Toolbar");
}
,getResizableTargetContainer:function(){
	return this.domNode;
}
,getToolbarAnchorNode:function(){
	return this.domNode;
}
,postInitToolbar:function(){		
//			//console.log("this.toolbarDom",this.toolbarDom,query(".agileButtonRemove",this.toolbarDom));
	query(".agileButton",this.toolbarDom).style("position","absolute");
//			query(".agileButtonRemove",this.toolbarDom).style("display","none");
	query(".agileButtonRemove",this.toolbarDom).style("visibility","hidden");
	
	construct.place(this.toolbarDom,this.getToolbarAnchorNode(),"last");	
}
,createChild:function(){
	var child = new agile.dijit.ToolbarItem({iconClass:'dijitEditorIcon dijitEditorIconCopy'});			
		return child;
	}

[/@]	 

